
<template>
<div>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
    <el-pagination
  :page-size="20"
  :pager-count="11"
  layout="prev, pager, next"
  :total="1000">
</el-pagination>
</div>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: '2022-03-19',
            name: '莫龙春',
            address: '重庆邮电大学'
          }, {
            date: '2022-03-20',
            name: '莫龙春',
            address: '重庆邮电大学2'
          }, {
            date: '2022-03-21',
            name: '莫龙春',
            address: '重庆邮电大学3'
          }, {
            date: '2022-03-22',
            name: '莫龙春',
            address: '重庆邮电大学4'
          }]
        }
      }
    }
  </script>
